import React, { Component } from 'react';
import DraggableComp from '@/hooks/useDraggableComp';
import Dialog from '@/common/components/ZrfDialog';
import { Button } from 'antd';
export default class DraggableComponent extends Component {
  state = {
    visible: false,
  };
  render() {
    return (
      <div>
        <p draggable="true">这是一段可移动的段落。请把该段落拖入上面的矩形。</p>
        <DraggableComp />
        <Button
          onClick={() => {
            this.setState({ visible: true });
          }}
        >
          打开
        </Button>
        <Dialog
          visible={this.state.visible}
          title="dialog title"
          content="i am content"
        />
      </div>
    );
  }
}
